<template>
  <h4>这里是 App 组件</h4>
  <Demo v-if="isDisplauDemoComponnent" />
  <button @click="onClickShiftBtn">切换Demo组件显示/隐藏</button>
</template>

<script>
import { ref } from 'vue'
import Demo from './components/Demo.vue'
export default {
  name: "App",
  components: {
    Demo
  },
  setup() {
    let isDisplauDemoComponnent = ref(true)
    const onClickShiftBtn = () => {
      isDisplauDemoComponnent.value = !isDisplauDemoComponnent.value
    }
    return {
      isDisplauDemoComponnent,
      onClickShiftBtn
    }
  }
};
</script>

<style></style>
